<template>
	<view class="withdrawal-amount">
		<g-navbar title="提现金额" />
		<view class="main">
			<amountModule :withdrawal_way="withdrawal_way"/>
			<withdrawalHistoryList style="margin-top: 54rpx;" :withdrawal_way="withdrawal_way" />
		</view>
	</view>
</template>

<script lang="ts" setup>
	import amountModule from './components/amountModule/amountModule.vue';
	import withdrawalHistoryList from './components/withdrawalHistoryList/withdrawalHistoryList.vue';
	import { onLoad } from '@dcloudio/uni-app';
	import { WITHDRAWAL_WAY } from '@/enum/withdrawal';
	import { ref, Ref } from 'vue';

	const withdrawal_way : Ref<WITHDRAWAL_WAY> = ref(WITHDRAWAL_WAY.RED_PACKET_BALANCE);

	onLoad((e) => {
		withdrawal_way.value =(e.type as WITHDRAWAL_WAY);
	})
</script>

<style scoped lang="scss">
	@import "./withdrawalAmount.scss";
</style>